﻿@{
    ViewBag.Title = "Reporte de participantes";
}

<br />
@Html.Partial("_PersonFilterPartial")
<div id="ParticipanteTable"></div>
<hr />
<table class="totals fullsize">
    <tr>
        <td class="right">Total ingresos por evento (GTQ)</td>
        <td>
            <input type="text" name="subtotal" id="cp-totalLOC" readonly />
        </td>
    </tr>
    <tr>
        <td class="right">Total ingresos por evento (USD)</td>
        <td>
            <input type="text" name="subtotal" id="cp-totalUSD" readonly />
        </td>
    </tr>
    <tr>
        <td class="right">Total ingresos por bus (GTQ)</td>
        <td>
            <input type="text" name="total" id="cp-totalBUS" readonly /></td>
    </tr>
</table>
@Html.Partial("_PersonDetailPartial")

@section Scripts {
    <script type="text/javascript" src="~/Scripts/jfunciones-participante.js"></script>
    <script type="text/javascript" src="~/Scripts/jfunciones-pago.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#ParticipanteTable').jtable({
                title: '@ViewBag.Title',
                paging: true,
                pageSize: 25,
                sorting: true,
                multiSorting: true,
                defaultSorting: 'nombres ASC',
                actions: {
                    listAction: '@Url.Action("ParticipanteXEventoList", "Participante")'
                },
                toolbar: {
                    items: [{
                        tooltip: 'Exportar a Excel',
                        icon: GetAppURL() + '/Content/images/excel.png',
                        text: 'Exportar a Excel',
                        click: function () {
                            PersonExportExcel('@Url.Action("PersonExportExcel", "Participante")?');
                        }
                    }]
                },
                fields: {
                    idParticipanteXEvento: {
                        key: true,
                        list: false
                    },
                    detalle: {
                        title: '',
                        width: '2%',
                        sorting: false,
                        display: function (data) {
                            var $img = $('<img src="' + GetAppURL() + '/Content/images/ver.png" title="Ver detalle" />');
                            $img.click(function () {
                                CargarDetalleParticipante({
                                    divDialog: '#ui-dialog-detalle',
                                    divTabs: '#tabs-detalle',
                                    divPersonal: '#tabs-person',
                                    divDocumentos: '#tabs-docs',
                                    divEvento: '#tabs-evento',
                                    divEC: '#tabs-ec',
                                    divDetalleEC: '#ui-dialog-detalle-ec',
                                    idParticipante: data.record.idParticipante,
                                    edad: data.record.edad,
                                    mayor_edad: parseInt('@SWGeneracionE.Constantes.MAYORIA_EDAD')
                                });
                            });
                            return $img;
                        }
                    },
                    nombres: {
                        title: 'Nombres',
                        width: '13%'
                    },
                    apellidos: {
                        title: 'Apellidos',
                        width: '13%'
                    },
                    sexo: {
                        title: 'Género',
                        width: '4%',
                        options: '@Url.Action("GetSexoOptions", "Participante")'
                    },
                    edad: {
                        title: 'Edad',
                        width: '4%'
                    },
                    idPais: {
                        title: 'Pais',
                        width: '8%',
                        options: '@Url.Action("GetPaisOptions", "Catalogo")'
                    },
                    idIglesia: {
                        title: 'Iglesia',
                        width: '10%',
                        dependsOn: 'idPais',
                        options: function (data) {
                            var sUrl;
                            sUrl = '@Url.Action("GetIglesiaOptions", "Catalogo", new { idPais = "rep__Pais" })';
                            sUrl = sUrl.replace("rep__Pais", data.dependedValues.idPais);
                            return sUrl;
                        }
                    },
                    estado: {
                        title: 'Estado',
                        width: '5%',
                        listClass: 'bold',
                        options: '@Url.Action("GetEstadoParticipanteOptions", "Participante")'
                    },
                    fechaInscripcion: {
                        title: 'Inscripcion',
                        width: '8%',
                        type: 'date',
                        displayFormat: 'dd-mm-yy'
                    },
                    codigo: {
                        title: 'Codigo',
                        width: '5%'
                    },
                    disponibleLOC: {
                        title: 'Monto(Q)',
                        width: '4%',
                        listClass: 'right',
                        sorting: false,
                        display: function (data) {
                            return FormatNumber(data.record.disponibleLOC);
                        }
                    },
                    disponibleUSD: {
                        title: 'Monto($)',
                        width: '4%',
                        listClass: 'right',
                        sorting: false,
                        display: function (data) {
                            return FormatNumber(data.record.disponibleUSD);
                        }
                    }
                }
            });

            
            LoadFilters('#ParticipanteTable', true, '@SWGeneracionE.Constantes.TIPOTRANSPORTE_BUS', true);
            LoadDetalleParticipante({
                divDialog: '#ui-dialog-detalle',
                divTabs: '#tabs-detalle',
                divPersonal: '#tabs-person',
                divDocumentos: '#tabs-docs',
                divEvento: '#tabs-evento',
                divEC: '#tabs-ec',
                divDetalleEC: '#ui-dialog-detalle-ec'
            });
        });
    </script>
}